<template>
  <div id="app" class="card-container">
    <div class="left-column">
      <CustomCard
          v-for="(item, index) in shortItems"
          :key="index"
          :title="item.title"
          :imageSrc="item.imageSrc"
          :content="item.content"
      />
    </div>
    <div class="right-column">
      <CustomCard
          v-for="(item, index) in longItems"
          :key="index"
          :title="item.title"
          :imageSrc="item.imageSrc"
          :content="item.content"
      />
    </div>
  </div>
</template>

<script>
import CustomCard from "@/views/ecoProduce/component/CustomCard.vue";

import hehongcha from '@/assets/img/ecoProduce/img/hehongcha.png'
import hongyayu from '@/assets/img/ecoProduce/img/hongyayu.png'
import yanshantangfen from '@/assets/img/ecoProduce/img/yanshantangfen.png'
import maciguo from '@/assets/img/ecoProduce/img/maciguo.png'
import dengzhanguo from '@/assets/img/ecoProduce/img/dengzhanguo.png'

import sizhi from '@/assets/img/ecoProduce/img/sizhi.png'
import huanggangshan from '@/assets/img/ecoProduce/img/huanggangshan.png'
import mingqingguzhen from '@/assets/img/ecoProduce/img/mingqingguzhen.png'
import taiyuanshezu from '@/assets/img/ecoProduce/img/taiyuanshezu.png'
import gexianshan from '@/assets/img/ecoProduce/img/gexianshan.png'

export default {
  name: 'App',
  components: {
    CustomCard
  },
  data() {
    return {
      shortItems: [
        {
          title: '葛仙山',
          imageSrc: gexianshan,
          content: '  葛仙山，位于江西省上饶市铅山县葛仙山镇，地处武夷山北麓，上饶市铅山县中部，系武夷山支脉，东连上饶、西邻弋阳，与320国道和浙赣铁路相接 ，面积为30.06平方千米。 \n' +
              '  葛仙山属燕山期花岗岩型地貌，集中奇峰、异石、古树、云海、清泉等地貌，主峰葛仙峰海拔1096.3米。葛仙山属中亚热带季风湿润气候区，气候温和，雨量充沛，四季分明 ，年平均气温为13.7℃，无霜期约250天，年降水量1700毫米。 \n' +
              '  葛仙山自然景观和人文景观丰富，道家文化浓厚 ，具有“一山两教、道佛双修”的宗教特色，为道教名山，有“中华灵宝第一山”的称号。'
        },
        {
          title: '太源畲族乡',
          imageSrc: taiyuanshezu,
          content: '太源畲族乡，因乡人民政府驻太源村而得名。太源畲民虽与汉族杂居，但其本民族文化依然保留的非常完整。畲族有自己独特的语言，属汉藏语系苗瑶语族。\n' +
              '太源畲民大多能歌善舞，尤其民歌文化甚为深厚。在《铅山县民歌集》收录的101首民歌中，有三分之一为畲族民歌。《先五方》、《仗脚司》被省有关部门定为江西省民间舞蹈重点节目，并被《中国民族民间舞蹈集成 江西卷》编辑部制成录像长期保存。《高皇歌》《封金山》《时辰歌》《畲族婆娘赶庙会》《竹杆舞》等被广大群众所熟知。'
        }
      ],
      longItems: [
        {
          title: '河口明清古镇',
          imageSrc: mingqingguzhen,
          content: '河口明清古街，被省、市文物专家称为江西第一古街。2013年6月，河口镇明清古街入选中国国历史文化名街。2014年3月，河口镇被评为中国历史文化名镇。如今，这里仍保留着旧时繁华的印记和古朴的风貌。沿河五百米长的明清古街，层楼绵延，鳞次栉比，古老而典雅；青石板路面上的道道车辙，记录下当年小镇的繁荣。镇内小河蜿蜒回转，一座座青石桥横跨两岸，增添了小镇的水乡情调。沿江码头的碑石上，字迹历历可见，令人回想起当年“货聚八闽川广，语杂两浙淮扬，舟楫夜泊，绕岸灯辉”之盛。'
        }
      ]
    }
  }
}
</script>

<style>
.card-container {
  display: flex;
}

.left-column {
  flex: 2;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}

.right-column {
  flex: 1;
}

.custom-card {
  margin-bottom: 20px;
}
</style>
